import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// import vueResource from 'vue-resource'
import axios from 'axios'
Vue.config.productionTip = false
    // 全局配置
axios.defaults.baseURL = 'https://blog-f802f.firebaseio.com/'
    // Vue.use(vueResource)
    // 自定义指令 想要在其它组件使用的话 v-rainbow即可
Vue.directive('rainbow', {
        bind(el, binding, vnode) {
            el.style.color = '#' + Math.random().toString(16).slice(2, 8)
        }
    })
    // 自定义指令,要使用就要v-theme 而且有参数 wide
Vue.directive('theme', {
        bind(el, binding, vnode) {
            if (binding.value == 'wide') {
                el.style.maxWidth = '1900px';
            }
        }
    })
    // 自定义过滤器 使用的时候要|to-uppercase value 代表的是使用者的内容
Vue.filter('to-uppercase', value => {
    return value.toUpperCase();
})
Vue.filter('snippet', value => {
    return value.slice(0, 120) + '...'
})
new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')